<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<body>

	<wicket:panel>

		<fieldset class="margin-top-2big">
		<legend class="top-border">Días no laborales</legend>
			
			<div class="row">
				<div class="span8 offset2 margin-top-medium">

					<form class="form-inline" wicket:id="agregar-dia-no-laboral-form">
						<input wicket:id="fecha" type="text" placeholder="Fecha" class="date-picker span2" />
						<input wicket:id="motivo" type="text" placeholder="Motivo" class="span4" />
						<input type="submit" class="btn" wicket:id="agregar-dia" value="Agregar" />
					</form>
					
				</div>
			</div>
			<div class="row">
				<div class="span8 offset2">
					<div wicket:id="feedback"></div>
				</div>
			</div>
			<div class="row">
				<div class="span8 offset2 margin-top-medium">
					
					<table class="table table-striped table-bordered">
						<thead>
							<tr>
								<th>Fecha</th>
								<th>Motivo</th>
								<th>Acción</th>
							</tr>
						</thead>
						<tbody>
							<tr wicket:id="dias-no-laborales">
								<td wicket:id="fecha-tabla"></td>
								<td wicket:id="motivo-tabla"></td>
								<td>
									<a class="btn btn-danger" href="#" wicket:id="eliminar-dia" title="Eliminar este día" rel="tooltip"><i class="icon-trash icon-large"></i></a>
								</td>
							</tr>
						</tbody>
						<tfoot>
							<tr></tr>
						</tfoot>
					</table>
					
				</div>
			</div>
		</fieldset>
		
		<script type="text/javascript">
					
			$(".date-picker").datepicker($.datepicker.regional["es"]);
			
			$(this).tooltip({
				selector : "a[rel=tooltip]"
			});
            	
		</script>

	</wicket:panel>

</body>
</html>